import * as React from 'react'
import { observable } from 'mobx'
import { observer, inject } from 'mobx-react'
import {Link} from "react-router-dom"
import FN from '../tools/fn'


@inject('chat')
@observer
export default class List extends React.Component {
  constructor(props) {
    super(props)
    this.store = this.props.chat
  }
  render() {
    let test=100;
    return (
      <div>
       
        <div className="am-list">
          <div className="am-list-header">列表</div>
          <div className="am-list-body">
              <div className="am-list-item">
                 <Link to={{pathname: '/list/scroller'}} className="am-list-content">无线加载&&mobx缓存&&图片懒加载</Link>
                 <div className="am-list-arrow" aria-hidden="true"><span className="am-icon arrow horizontal"></span></div>
              </div>
           
          </div>
        </div>
      </div>                
    )}
  }
}
